.bg-cell {
  background: #fff;
  &.q-touch {
    background: #f1f1f1;
  }
}
.bg-white { background: #fff; }
.bg-black { background: #000; }
.bg-black-2 { background: rgba($color: #000, $alpha: 0.2); }
.bg-black-3 { background: rgba($color: #000, $alpha: 0.3); }
.white { color: #fff; }
.black, .color-txt { color: #000; }
.red-1 { color: #f51;}

$color1: #3c9cff;
.color-1, .link {
  color: $color1;
}
.bg-1 {
  background: $color1;
  color: #fff;
}

.bg-con{
  background: #fff;
}
$light: #f7f7f7;
page, .bg-grey {
  background: $light;
}
.bg-grey-7 {
  background: rgba($color: $light, $alpha: 0.7);
}

.btn-hover {
  position: relative;
  &:before {
    @extend .pos-mask;
    background: #000;
    border-radius: inherit;
    opacity: 0.15;
    content: " ";
    z-index: 10;
  }
}
.bg-dark1 .btn-hover::before {
  background: #fff;
}

$dark1: #1b1b1b;
$dark2: #292929;
.bg-dark1 {
  background: $dark1;
  color: #fff;
}

.bd-color1 {
  border-color:$color1!important;
}